// import React, { Component, Fragment } from "react";
// class Demo extends Component {
//   constructor(props) {
//     super(props);
//     this.state = {
//       display: true,
//     };
//     this.handleshow = this.handleshow.bind(this);
//     this.handlehide = this.handlehide.bind(this);
//   }
//   render() {
//     return (
//       <>
// <p className={this.state.display ? "active" : "active1"}>
//   你是我的唯一
// </p>
//         <button onClick={this.handlehide}>点击隐藏</button>
//         <button onClick={this.handleshow}>点击显示</button>
//       </>
//     );
//   }
//   handleshow() {
//     this.setState({
//       display: true,
//     });
//   }
//   handlehide() {
//     this.setState({
//       display: false,
//     });
//   }

// }
import React, { useEffect, useState } from "react";

function Demo() {
  const [dispaly, setDispay] = useState(false);

  return (
    <div>
      <p style={{ display: dispaly ? "none" : "block" }}>你是我的唯一</p>
      <button onClick={() => setDispay(true)}>点击隐藏</button>
      <button onClick={() => setDispay(false)}>点击显示</button>
    </div>
  );
}

export default Demo;
